<template>
  <div>
<h2>添加用户信息页面</h2>
<table border="1">
  <tr>
    <td>用户编号</td>
    <td>
      <input type="text" v-model="info.bianhao">
    </td>
  </tr>
  <tr>
    <td>用户名称</td>
    <td>
      <input type="text" v-model="info.uname">
    </td>
  </tr>
  <tr>
    <td>密码</td>
    <td>
      <input type="password" v-model="info.upwd">
    </td>
  </tr>
  <tr>
    <td>用户类型</td>
    <td>
      <input type="radio" name="type" value="管理员" checked v-model="info.type">管理员
      <input type="radio" name="type" value="普通用户" v-model="info.type">普通用户
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" value="添加" @click="Add()">
    </td>

  </tr>
</table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import axios from 'axios';
import { useRouter } from 'vue-router';
const router=useRouter();
const info=ref({
  bianhao:"",
  uname:"",
  upwd:"",
  type:"",
})

//用户添加
const Add=()=>{
  if(info.value.bianhao=="")
  {
      alert("用户编号不能为空");
      return;
  }
  if(info.value.uname=="")
  {
      alert("登录名不能为空");
      return;
  }
  if(info.value.upwd=="")
  {
      alert("密码不能为空");
      return;
  }
  axios({
    url:"http://localhost:59085/api/CF/zhuce",
    method:"post",
    data:info.value
  }).then((res)=>{
    if(res.data==101)
    {
      alert("名称不能重复");

    }
    else if(res.data>0)
    {
      alert("添加成功");
      router.push("LoginView");
 
    }
    else
    {
      alert("添加失败");
    }
  })
  

}

</script>

<style scoped>

</style>